<template>
    <view class="container">
      <image class="exchange-img" src="./static/exchange.png" mode="" />
      <view class="success-title">兑换成功</view>
      <view class="success-desc">恭喜您兑换成功，请在我的兑换中查看～</view>
      <view class="return" @tap="returnHome">返回首页</view>
      <!-- #ifdef MP -->
     <button open-type='contact' class="link-box"><image class="link-img" src="./static/service.png" mode="" /> 联系平台</button>
      <!-- #endif -->
    </view>
</template>

<script>
export default {
  data() {
    return {
      
    }
  },
  methods: {
    returnHome(){
      // uni.switchTab({
      //   url: '/pages/car_index/index'
      // })
      uni.navigateTo({
        url: `/pages/integral_mall/index`
      })
    },
  }
}
</script>

<style lang="scss" scoped>
  .container{
    min-height: 100vh;
    background: #FFF;
    text-align: center;
    .exchange-img{
      width: 360rpx;
      height: 360rpx;
      margin: 0 auto;
    }
    .success-title{
      margin-bottom: 20rpx;
      font-weight: 500;
      font-size: 32rpx;
      color: #333333;
    }
    .success-desc{
      font-size: 26rpx;
      color: #999999;
    }
    .return{
      margin: 116rpx auto  0;
      width: 400rpx;
      height: 82rpx;
      line-height: 82rpx;
      text-align: center;
      color: #FFF;
      background: #0492FF;
      border-radius: 16rpx 16rpx 16rpx 16rpx;
      font-weight: 500;
      font-size: 30rpx;
    }
    .link-box{
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      margin: 260rpx auto 10rpx;
      font-weight: 500;
      font-size: 32rpx;
      color: #0C8CF7;
      .link-img{
        width: 32rpx;
        height: 32rpx;
        margin-right: 10rpx;
      }
    }
    
  }
</style>